<template>
  <div>
    <span v-text="countdown"></span>
  </div>

</template>

<script>

export default {
  data() {
    return{
      targetDate:""
    }
  },
  computed: {
    countdown()  {
      let _this=this;
      if (!_this.targetDate) return ''; // 如果目标日期尚未设置，则不显示倒计时

      const currentTime = new Date(); // 当前时间
      const remainingTime = _this.targetDate - currentTime; // 剩余时间（以毫秒为单位）

      // 计算剩余时间的小时、分钟和秒数
      const hours = Math.floor(remainingTime / (1000 * 60 * 60));
      const minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60));
      const seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);

      // 格式化显示倒计时
      return `倒计时：${minutes}分钟 ${seconds}秒`;
    }
  },
  methods: {


  },
  mounted() {
    let _this=this;

    const halfHour = 30 * 60 * 1000; // 半小时的毫秒数
    _this.targetDate = new Date(Date.now() + halfHour); // 设置目标日期为当前时间加上半小时

    setInterval(() => {
      _this.targetDate.setTime(_this.targetDate.getTime() - 1000); // 每秒减去一秒
    }, 1000);
  }
};
</script>